<template>
<div class="demo">
    <h2>我是Demo组件</h2>
    <!-- 捡漏，props没有接收的会在$attrs中存在 -->
    <!-- {{$attrs.msg}}  {{$attrs.school}} -->
    <!-- {{msg}}  {{school}} -->
    <!-- 写了slot之后，虚拟的dom会转换为真实的dom -->
    <!--默认插槽（匿名插槽） -->
    <slot></slot>
    <!-- 具名插槽 -->
    <slot name="Header">若父组件中无内容，则渲染默认值，而默认值就是在这个地方填写</slot>
    
</div>
</template>

<script>
export default {
    name: 'MyDemo',
    props:['msg','school'],
    mounted(){
        console.log(this);
    }
}
</script>

<style>

</style>